<div class="febs-container" id="modelShip-view">
    <div class="febs-open-body febs-open-body layui-fluid" lay-title="船模详情">>
        <form class="layui-form" action="" lay-filter="modelShip-view-form">
            <input type="hidden" name="id">
            <fieldset class="layui-elem-field">
                <legend id="ship_inf">船模信息</legend>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">项目编号：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${modelShip.projectCode}"></div>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">船模编号：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${modelShip.shipCode}"></div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label  febs-form-item-require">船模名称：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${modelShip.shipName}"></div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">船模来源：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${modelShip.sourceName}"></div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require ">船模位置：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${modelShip.shipPositionName}"></div>
                        </div>
                    </div>
                </div>
            </fieldset>

            <fieldset class="layui-elem-field">
                <div class="layui-form-item" id="layui-row-source1">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require ">船舶类型：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${modelShip.shipTypeName}"></div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require ">缩尺比：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${modelShip.rate}"></div>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item" id="layui-row-source2">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require ">船模类型：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${modelShip.modelTypeName}"></div>
                        </div>
                        <div class="layui-col-xs6  febs-hide" id="modelTypeOtherDiv">
                            <label class="layui-form-label ">其他：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${modelShip.modelTypeOther}"></div>
                        </div>

                    </div>
                </div>

                <div class="layui-form-item febs-hide" id="origShipCodeDiv">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require ">原船模编号：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${modelShip.origShipCode}"></div>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require ">申请时间：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${#dates.format(modelShip.applyDate, 'yyyy-MM-dd HH:mm')}"></div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require ">要求完成时间：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${#dates.format(modelShip.demandEnddate, 'yyyy-MM-dd HH:mm')}"></div>
                        </div>
                    </div>
                </div>
            </fieldset>
            <div class="container">
                <div class="left">
                    <fieldset class="layui-elem-field" id="ship_major_element_fieldset">
                        <legend id="ship_major_element">船模主要要素</legend>
                        <table class="layui-table" style="text-align: center">
                            <colgroup>
                                <col width="33%">
                                <col width="33%" >
                                <col width="33%" >
                            </colgroup>
                            <thead>
                            <tr>
                                <th>项目</th>
                                <th>实船</th>
                                <th>模型</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <th>总长（米）</th>
                                <td>
                                    <div style="text-align: left" th:text="${modelShip.lengthOrigal}"></div>
                                </td>
                                <td>
                                    <div style="text-align: left" th:text="${modelShip.lengthModel}"></div>
                                </td>
                            </tr>
                            <tr>
                                <th>两柱间长（米）</th>
                                <td>
                                    <div style="text-align: left" th:text="${modelShip.columnWidthOrigal}"></div>
                                </td>
                                <td>
                                    <div style="text-align: left" th:text="${modelShip.columnWidthModel}"></div>
                                </td>
                            </tr>
                            <tr>
                                <th>型宽（米）</th>
                                <td>
                                    <div style="text-align: left" th:text="${modelShip.widthOrigal}"></div>
                                </td>
                                <td>
                                    <div style="text-align: left" th:text="${modelShip.widthModel}"></div>
                                </td>
                            </tr>
                            <tr>
                                <th>设计吃水（米）</th>
                                <td>
                                    <div style="text-align: left" th:text="${modelShip.waterDeepOrigal}"></div>
                                </td>
                                <td>
                                    <div style="text-align: left" th:text="${modelShip.waterDeepModel}"></div>
                                </td>
                            </tr>
                            <tr>
                                <th>型深（米）</th>
                                <td>
                                    <div style="text-align: left" th:text="${modelShip.bodyDeepOrigal}"></div>
                                </td>
                                <td>
                                    <div style="text-align: left" th:text="${modelShip.bodyDeepModel}"></div>
                                </td>
                            </tr>
                            <tr>
                                <th>轴高（米）</th>
                                <td>
                                    <div style="text-align: left" th:text="${modelShip.axieHightOrigal}"></div>
                                </td>
                                <td>
                                    <div style="text-align: left" th:text="${modelShip.axieHightModel}"></div>
                                </td>
                            </tr>
                            <tr>
                                <th>轴间距（米）</th>
                                <td>
                                    <div style="text-align: left" th:text="${modelShip.axieWidthOrigal}"></div>
                                </td>
                                <td>
                                    <div style="text-align: left" th:text="${modelShip.axieWidthModel}"></div>
                                </td>
                            </tr>
                            <tr>
                                <th>方形系数</th>
                                <td colspan="2">
                                    <div style="text-align: left" th:text="${modelShip.rectRate}"></div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </fieldset>
                </div>
                <div class="right">
                    <fieldset class="layui-elem-field" id="ship_process_demand_fieldset">
                        <legend id="ship_process_demand">船模加工要求</legend>
                        <div class="layui-form-item">
                            <label class="layui-form-label febs-form-item-require ">板块数：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${modelShip.blockNumber}"></div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label febs-form-item-require ">重量要求：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${modelShip.weight}"></div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label febs-form-item-require ">首部升高：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${modelShip.headHeight}"></div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label febs-form-item-require ">尾部升高：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${modelShip.tailHeight}"></div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label febs-form-item-require ">首侧推：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${modelShip.headPush}"></div>

                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label febs-form-item-require ">尾侧推：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${modelShip.tailPush}"></div>
                        </div>
                    </fieldset>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label ">备注：</label>
                <div class="layui-input-block layui-input-block-html" th:text="${modelShip.memo}"></div>
            </div>

            <div class="layui-form-item"  align="center">
                <button type="reset" class="layui-btn" lay-filter="modelShip-view-form-close" id="reset">返回</button>
            </div>
        </form>
    </div>
</div>
<script data-th-inline="javascript">
    var modelShipData  = [[${modelShip}]];
    var now = [[${now}]];
    var bmNo = [[${bmNo}]];
</script>
<script th:src="@{/febs/js/sypq/modelShip/modelShipView.js(v=1)}"></script>
<style>
    .container {
        display: flex;
    }

    .left {
        flex: 1; /* 或者指定flex比例，如2 */
        padding: 10px;
    }

    .right {
        flex: 1; /* 或者指定flex比例，如3 */
        padding: 10px;
    }

    .left .layui-table td, .layui-table th{
        padding: 6px 10px;
    }
    #modelShip-view .layui-form-label {
        width: 140px;
    }
    #modelShip-view .layui-input-block {
        margin-left: 170px;
    }
    .febs-tabs-item {
        height:auto;
    }

    .layui-btn {
        margin-bottom: 30px;
    }
</style>